<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="author" content="lijinbo" />
    <title>140-浏览器indexedDB</title>
    <style></style>
  </head>

  <body>
    <div class="box">
      <p>参考文档</p>
      <p>
        <a href="https://blog.csdn.net/qq_41579192/article/details/121605983" target="_blank">
          indexDB入门到精通，indexdb增删查改，封装indexdb类库，indexdb基本使用
        </a>
        <br />
        <a href="https://juejin.cn/post/7163075131261059086" target="_blank">localStorage容量太小?试试它们</a>
        <br />
        <a href="https://www.ruanyifeng.com/blog/2018/07/indexeddb.html" target="_blank">
          浏览器数据库 IndexedDB 入门教程 - 阮一峰
        </a>
      </p>
      <hr />
      <div>
        indexDb 封装类库推荐
        <ul>
          <li>
            <h3>localforage</h3>
            <a href="https://www.npmjs.com/package/localforage" target="_blank"> localforage </a>
            特点：与 localStorage 相似的api几乎没有上手成本
            <br />
            <a href="https://mp.weixin.qq.com/s/R3v5NXiuWzbVqM1AhPoUZg" target="_blank">
              对不起 localStorage，现在我爱上 localForage了！
            </a>
            <br />
            <a href="https://localforage.docschina.org/" target="_blank">localforage详细中文文档</a>
          </li>
          <li>
            <h3>idb</h3>
            <a href="https://www.npmjs.com/package/idb" target="_blank"> idb </a>
            特点：灵活便捷
          </li>
        </ul>
      </div>
      <hr />
      <p>
        <a href="./IndexDBWarp.md">自己封装一个 Indexdb 操作类 IndexDBWarp</a>
      </p>
    </div>
  </body>
</html>
